$('.head-right a').click(function () {
    if (!$(this).hasClass("active")) {
        $(this).addClass("active")
        $(this).siblings().removeClass("active")
    }
})

let ul
let ul_li
let index
var mybanner
GetElements()


function xunhuan() {
    $(".item span").eq(index).removeClass("active1")
    ul_li.eq(index).fadeOut(3000)
    index++
    if (index == 3) {
        index = 0
    }
    ul_li.eq(index).fadeIn(3000)
    setTimeout(function () {
        $(".item span").eq(index).addClass("active1")
    }, 1000)
}
mybanner = setInterval(() => {
    xunhuan()
}, 4000);
// ul_li.fadeIn(1000)
ul_li.click(function () {
    xunhuan()
})
ul_li.hover(
    function () {
        clearInterval(mybanner)
    },
    function () {
        mybanner = setInterval(() => {
            xunhuan()
        }, 4000);
    }
)

function GetElements() {
    ul = $(".banner ul")
    ul_li = $(".banner ul li")
    index = 0
}


// $(".head").click(function () {
//     var o = $(".head").offset().top / 500;
//     console.log(o);
//     $(".head").css('opacity', o)
// })